<template>
	<div class="paper-wrap">
		<n-card>
			<!-- 学生信息 -->
			<div class="paper-title">
				<h2>密立根油滴实验</h2>
				<div class="stu-info">
					<div class="stu-info-item">
						<span>学号：</span>
						<span>{{ sid }}</span>
					</div>
					<div class="stu-info-item">
						<span>姓名：</span>
						<span>{{ name }}</span>
					</div>
					<div class="stu-info-item">
						<span>班级：</span>
						<span>{{ college }}学院 {{ major }}专业 {{ grade }}级 {{ classnum }} 班</span>
					</div>
				</div>
			</div>
			<!-- 实验的基本信息 -->
			<n-divider title-placement="left">
				<h2>一、实验目的</h2>
			</n-divider>
			<div class="paper-purpose">
				<ol>
					<li> 1.掌握密立根油滴实验原理及仪器调整方法 </li>
					<li> 2.掌握带电油滴电荷量的测定，并证明电荷的量子性 </li>
				</ol>
			</div>
			<n-divider title-placement="left">
				<h2>二、实验仪器</h2>
			</n-divider>
			<div class="paper-instrument">
				<p class="instruments">密立根油滴仪、钟表油、喉头喷雾器 </p>
			</div>
			<n-divider title-placement="left">
				<h2>三、实验原理</h2>
			</n-divider>
			<div class="paper-principle">
				<p class="principles"> 具体内容请参照实验指导书进行学习 </p>
			</div>

			<n-divider title-placement="left">
				<h2>四、数据记录与处理</h2>
			</n-divider>
			<div class="paper-data">
				<!-- 第一个表单 -->
				<h4 style="text-align: center">数据记录表格</h4>

				<table border="1" style="
						width: 100%;
						border-collapse: collapse;
						border: 1px solid #000;
					">
					<tr style="background: rgb(0, 0, 0, 0.1)">
						<td>油滴编号</td>
						<td>U/V</td>
						<td>t/s</td>
						<td>U平均/V</td>
						<td>t平均/s</td>
						<td>q/（10^-19C）</td>
						<td>油滴半径r/(10^-6m)</td>
						<td>n</td>
						<td>e/(10^-19C)</td>
						<td>相对误差E/%</td>
					</tr>
					<!-- 编号1 -->
					<tr>
						<th rowspan="3">1</th>
						<td>
							<span style="font-size: 16px">{{ model[0].value }}</span>&emsp;<span style="font-size: 12px">{{model[0].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[1].value }}</span>&emsp;<span style="font-size: 12px">{{model[1].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[2].value }}</span>&emsp;<span style="font-size: 12px">{{model[2].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[3].value }}</span>&emsp;<span style="font-size: 12px">{{model[3].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[4].value }}</span>&emsp;<span style="font-size: 12px">{{model[4].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[5].value }}</span>&emsp;<span style="font-size: 12px">{{model[5].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[6].value }}</span>&emsp;<span style="font-size: 12px">{{model[6].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[7].value }}</span>&emsp;<span style="font-size: 12px">{{model[7].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[8].value }}</span>&emsp;<span style="font-size: 12px">{{model[8].timeStamp }}</span>
						</td>
					</tr>
					<tr>
						<td>
							<span style="font-size: 16px">{{ model[9].value }}</span>&emsp;<span style="font-size: 12px">{{model[9].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[10].value }}</span>&emsp;<span style="font-size: 12px">{{model[10].timeStamp }}</span>
						</td>
					</tr>
					<tr>
						<td>
							<span style="font-size: 16px">{{ model[11].value }}</span>&emsp;<span style="font-size: 12px">{{model[11].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[12].value }}</span>&emsp;<span style="font-size: 12px">{{model[12].timeStamp }}</span>
						</td>
					</tr>
					<!--  -->
					<tr>
						<th rowspan="3">2</th>
						<td>
							<span style="font-size: 16px">{{ model[13].value }}</span>&emsp;<span style="font-size: 12px">{{model[13].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[14].value }}</span>&emsp;<span style="font-size: 12px">{{model[14].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[15].value }}</span>&emsp;<span style="font-size: 12px">{{model[15].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[16].value }}</span>&emsp;<span style="font-size: 12px">{{model[16].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[17].value }}</span>&emsp;<span style="font-size: 12px">{{model[17].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[18].value }}</span>&emsp;<span style="font-size: 12px">{{model[18].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[19].value }}</span>&emsp;<span style="font-size: 12px">{{model[19].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[20].value }}</span>&emsp;<span style="font-size: 12px">{{model[20].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[21].value }}</span>&emsp;<span style="font-size: 12px">{{model[21].timeStamp }}</span>
						</td>
					</tr>
					<tr>
						<td>
							<span style="font-size: 16px">{{ model[22].value }}</span>&emsp;<span style="font-size: 12px">{{model[22].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[23].value }}</span>&emsp;<span style="font-size: 12px">{{model[23].timeStamp }}</span>
						</td>
					</tr>
					<tr>
						<td>
							<span style="font-size: 16px">{{ model[24].value }}</span>&emsp;<span style="font-size: 12px">{{model[24].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[25].value }}</span>&emsp;<span style="font-size: 12px">{{model[25].timeStamp }}</span>
						</td>
					</tr>
					<!--  -->
					<tr>
						<th rowspan="3">3</th>
						<td>
							<span style="font-size: 16px">{{ model[26].value }}</span>&emsp;<span style="font-size: 12px">{{model[26].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[27].value }}</span>&emsp;<span style="font-size: 12px">{{model[27].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[28].value }}</span>&emsp;<span style="font-size: 12px">{{model[28].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[29].value }}</span>&emsp;<span style="font-size: 12px">{{model[29].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[30].value }}</span>&emsp;<span style="font-size: 12px">{{model[30].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[31].value }}</span>&emsp;<span style="font-size: 12px">{{model[31].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[32].value }}</span>&emsp;<span style="font-size: 12px">{{model[32].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[33].value }}</span>&emsp;<span style="font-size: 12px">{{model[33].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[34].value }}</span>&emsp;<span style="font-size: 12px">{{model[34].timeStamp }}</span>
						</td>
					</tr>
					<tr>
						<td>
							<span style="font-size: 16px">{{ model[35].value }}</span>&emsp;<span style="font-size: 12px">{{model[35].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[36].value }}</span>&emsp;<span style="font-size: 12px">{{model[36].timeStamp }}</span>
						</td>
					</tr>
					<tr>
						<td>
							<span style="font-size: 16px">{{ model[37].value }}</span>&emsp;<span style="font-size: 12px">{{model[37].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[38].value }}</span>&emsp;<span style="font-size: 12px">{{model[38].timeStamp }}</span>
						</td>
					</tr>
					<!--  -->
					<tr>
						<th rowspan="3">4</th>
						<td>
							<span style="font-size: 16px">{{ model[39].value }}</span>&emsp;<span style="font-size: 12px">{{model[39].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[40].value }}</span>&emsp;<span style="font-size: 12px">{{model[40].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[41].value }}</span>&emsp;<span style="font-size: 12px">{{model[41].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[42].value }}</span>&emsp;<span style="font-size: 12px">{{model[42].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[43].value }}</span>&emsp;<span style="font-size: 12px">{{model[43].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[44].value }}</span>&emsp;<span style="font-size: 12px">{{model[44].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[45].value }}</span>&emsp;<span style="font-size: 12px">{{model[45].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[46].value }}</span>&emsp;<span style="font-size: 12px">{{model[46].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[47].value }}</span>&emsp;<span style="font-size: 12px">{{model[47].timeStamp }}</span>
						</td>
					</tr>
					<tr>
						<td>
							<span style="font-size: 16px">{{ model[48].value }}</span>&emsp;<span style="font-size: 12px">{{model[48].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[49].value }}</span>&emsp;<span style="font-size: 12px">{{model[49].timeStamp }}</span>
						</td>
					</tr>
					<tr>
						<td>
							<span style="font-size: 16px">{{ model[50].value }}</span>&emsp;<span style="font-size: 12px">{{model[50].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[51].value }}</span>&emsp;<span style="font-size: 12px">{{model[51].timeStamp }}</span>
						</td>
					</tr>
					<!--  -->
					<tr>
						<th rowspan="3">5</th>
						<td>
							<span style="font-size: 16px">{{ model[52].value }}</span>&emsp;<span style="font-size: 12px">{{model[52].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[53].value }}</span>&emsp;<span style="font-size: 12px">{{model[53].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[54].value }}</span>&emsp;<span style="font-size: 12px">{{model[54].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[55].value }}</span>&emsp;<span style="font-size: 12px">{{model[55].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[56].value }}</span>&emsp;<span style="font-size: 12px">{{model[56].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[57].value }}</span>&emsp;<span style="font-size: 12px">{{model[57].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[58].value }}</span>&emsp;<span style="font-size: 12px">{{model[58].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[59].value }}</span>&emsp;<span style="font-size: 12px">{{model[59].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[60].value }}</span>&emsp;<span style="font-size: 12px">{{model[60].timeStamp }}</span>
						</td>
					</tr>
					<tr>
						<td>
							<span style="font-size: 16px">{{ model[61].value }}</span>&emsp;<span style="font-size: 12px">{{model[61].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[62].value }}</span>&emsp;<span style="font-size: 12px">{{model[62].timeStamp }}</span>
						</td>
					</tr>
					<tr>
						<td>
							<span style="font-size: 16px">{{ model[63].value }}</span>&emsp;<span style="font-size: 12px">{{model[63].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[64].value }}</span>&emsp;<span style="font-size: 12px">{{model[64].timeStamp }}</span>
						</td>
					</tr>
					<!--  -->
					<tr>
						<th rowspan="3">6</th>
						<td>
							<span style="font-size: 16px">{{ model[65].value }}</span>&emsp;<span style="font-size: 12px">{{model[65].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[66].value }}</span>&emsp;<span style="font-size: 12px">{{model[66].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[67].value }}</span>&emsp;<span style="font-size: 12px">{{model[67].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[68].value }}</span>&emsp;<span style="font-size: 12px">{{model[68].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[69].value }}</span>&emsp;<span style="font-size: 12px">{{model[69].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[70].value }}</span>&emsp;<span style="font-size: 12px">{{model[70].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[71].value }}</span>&emsp;<span style="font-size: 12px">{{model[71].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[72].value }}</span>&emsp;<span style="font-size: 12px">{{model[72].timeStamp }}</span>
						</td>
						<td rowspan="3">
							<span style="font-size: 16px">{{ model[73].value }}</span>&emsp;<span style="font-size: 12px">{{model[73].timeStamp }}</span>
						</td>
					</tr>
					<tr>
						<td>
							<span style="font-size: 16px">{{ model[74].value }}</span>&emsp;<span style="font-size: 12px">{{model[74].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[75].value }}</span>&emsp;<span style="font-size: 12px">{{model[75].timeStamp }}</span>
						</td>
					</tr>
					<tr>
						<td>
							<span style="font-size: 16px">{{ model[76].value }}</span>&emsp;<span style="font-size: 12px">{{model[76].timeStamp }}</span>
						</td>
						<td>
							<span style="font-size: 16px">{{ model[77].value }}</span>&emsp;<span style="font-size: 12px">{{model[77].timeStamp }}</span>
						</td>
					</tr>
					<!--  -->
				</table>
				<h4>说明:用软件计算出实验结果，再用各个q
					去除标准电子电荷eo-1.6010-19 C，并取整数，即n =
					g/eo。然后用实验测得的电量除以这个 即得电子的电荷值e，e
					取三位有效数字</h4>
			</div>
			<!-- 第五个表单 -->
			<n-divider title-placement="left">
				<h2>五、实验分析</h2>
			</n-divider>
			<div class="paper-analyze">
				<el-form :form="model" style="font-size: 19px" label-width="460px" label-position="left">
					<el-form-item label="1.由实验结果可知，油滴所带的电荷量是(填“连续的”或“不连续的”)" style="width: 60%">
						<span style="font-size: 16px">{{ model[78].value }}</span>&emsp;<span style="font-size: 12px">{{model[78].timeStamp }}</span>
					</el-form-item>
					<el-form-item label="所有油滴所带的电荷量都是基本电荷的多少倍" style="width: 60%">
						<span style="font-size: 16px">{{ model[79].value }}</span>&emsp;<span style="font-size: 12px">{{model[79].timeStamp }}</span>
					</el-form-item>
				</el-form>
				<div style="margin-bottom: 10px; font-size: 17px">2. 请对本实验产生误差的原因作出分析:</div>
				<span style="font-size: 16px">{{ model[80].value }}</span>&emsp;<span style="font-size: 12px">{{model[80].timeStamp }}</span>
			</div>
			<div class="button" style="display: flex">
				<el-button type="primary" @click="exOk()">通过</el-button>
				<el-button type="success" @click="exFix()">需要修改</el-button>
			</div>
		</n-card>
	</div>
</template>
<script setup lang="ts">
//@ts-nocheck
// 关闭ts检查
import { useRoute} from 'vue-router'
import { getDetailEx, changeState } from '@/api/request'
import { useGlobalStore } from "../../../store/GlobalStore";
const route = useRoute()
// 试卷头的基本信息
// 使用onMounted生命周期函数
const jwtToken = localStorage.getItem('jwtToken')

onMounted(() => {
	getDetailEx(jwtToken, eid, rid).then((res) => {
		console.log(res.data.data[0], 'socket数据')
		model.value.forEach((element) => {
			var obj = element
			var kid = obj.kid
			if (res.data.data[0].hasOwnProperty(kid)) {
				obj.value = res.data.data[0][kid]
				obj.timeStamp = res.data.data[0]['t' + kid]
			}
		})
		console.log('处理后', model.value)
	})
})
const store=useGlobalStore()
const sid = route.query.sid
const rid = route.query.rid
const eid = route.query.eid
const name = route.query.name
const classnum=route.query.classNum
const college=route.query.college
const grade=route.query.grade
const major=route.query.major
const tid=store.userInfo.tid
const ws = new WebSocket(`ws://210.44.37.172:8082/message?id=${tid}&role=teacher`)
ws.onopen = function (e) {
	console.log('连接成功')
}
ws.onmessage = function (e) {
	console.log(e.data, '接收返回的消息')
	console.log(JSON.parse(e.data), '解析一下的数据')
	if (JSON.parse(e.data).rid == rid) {
		model.value.forEach((element) => {
			if (element.kid == JSON.parse(e.data).kid) {
				element.value = JSON.parse(e.data).value
				element.timeStamp = JSON.parse(e.data).timeStamp
			}
		})
	}
}
ws.onclose = function () {
	console.log('连接关闭')
}
ws.onerror = function () {
	console.log('连接出错')
}
// 学生填的值
// 实验通过
const exOk = () => {
	changeState(jwtToken, rid, 3).then((res) => {
		console.log(res)
		console.log("rid",rid);
		
		ElMessage.success('已通过')
	})
}
const exFix = () => {
	changeState(jwtToken, rid, 1).then((res) => {
		console.log(res)
		ElMessage.success('反馈成功')
	})
}


const model = ref([
	//1
	{ kid: 'k1_1', value: '', timeStamp: '' },
	{ kid: 'k1_2', value: '', timeStamp: '' },
	{ kid: 'k1_3', value: '', timeStamp: '' },
	{ kid: 'k1_4', value: '', timeStamp: '' },
	{ kid: 'k1_5', value: '', timeStamp: '' },
	{ kid: 'k1_6', value: '', timeStamp: '' },
	{ kid: 'k1_7', value: '', timeStamp: '' },
	{ kid: 'k1_8', value: '', timeStamp: '' },
	{ kid: 'k1_9', value: '', timeStamp: '' },
	{ kid: 'k2_1', value: '', timeStamp: '' },
	{ kid: 'k2_2', value: '', timeStamp: '' },
	{ kid: 'k3_1', value: '', timeStamp: '' },
	{ kid: 'k3_2', value: '', timeStamp: '' },
	// 2
	{ kid: 'k4_1', value: '', timeStamp: '' },
	{ kid: 'k4_2', value: '', timeStamp: '' },
	{ kid: 'k4_3', value: '', timeStamp: '' },
	{ kid: 'k4_4', value: '', timeStamp: '' },
	{ kid: 'k4_5', value: '', timeStamp: '' },
	{ kid: 'k4_6', value: '', timeStamp: '' },
	{ kid: 'k4_7', value: '', timeStamp: '' },
	{ kid: 'k4_8', value: '', timeStamp: '' },
	{ kid: 'k4_9', value: '', timeStamp: '' },
	{ kid: 'k5_1', value: '', timeStamp: '' },
	{ kid: 'k5_2', value: '', timeStamp: '' },
	{ kid: 'k6_1', value: '', timeStamp: '' },
	{ kid: 'k6_2', value: '', timeStamp: '' },
	// 3
	{ kid: 'k7_1', value: '', timeStamp: '' },
	{ kid: 'k7_2', value: '', timeStamp: '' },
	{ kid: 'k7_3', value: '', timeStamp: '' },
	{ kid: 'k7_4', value: '', timeStamp: '' },
	{ kid: 'k7_5', value: '', timeStamp: '' },
	{ kid: 'k7_6', value: '', timeStamp: '' },
	{ kid: 'k7_7', value: '', timeStamp: '' },
	{ kid: 'k7_8', value: '', timeStamp: '' },
	{ kid: 'k7_9', value: '', timeStamp: '' },
	{ kid: 'k8_1', value: '', timeStamp: '' },
	{ kid: 'k8_2', value: '', timeStamp: '' },
	{ kid: 'k9_1', value: '', timeStamp: '' },
	{ kid: 'k9_2', value: '', timeStamp: '' },
	// 4
	{ kid: 'k10_1', value: '', timeStamp: '' },
	{ kid: 'k10_2', value: '', timeStamp: '' },
	{ kid: 'k10_3', value: '', timeStamp: '' },
	{ kid: 'k10_4', value: '', timeStamp: '' },
	{ kid: 'k10_5', value: '', timeStamp: '' },
	{ kid: 'k10_6', value: '', timeStamp: '' },
	{ kid: 'k10_7', value: '', timeStamp: '' },
	{ kid: 'k10_8', value: '', timeStamp: '' },
	{ kid: 'k10_9', value: '', timeStamp: '' },
	{ kid: 'k11_1', value: '', timeStamp: '' },
	{ kid: 'k11_2', value: '', timeStamp: '' },
	{ kid: 'k12_1', value: '', timeStamp: '' },
	{ kid: 'k12_2', value: '', timeStamp: '' },
	// 5
	{ kid: 'k13_1', value: '', timeStamp: '' },
	{ kid: 'k13_2', value: '', timeStamp: '' },
	{ kid: 'k13_3', value: '', timeStamp: '' },
	{ kid: 'k13_4', value: '', timeStamp: '' },
	{ kid: 'k13_5', value: '', timeStamp: '' },
	{ kid: 'k13_6', value: '', timeStamp: '' },
	{ kid: 'k13_7', value: '', timeStamp: '' },
	{ kid: 'k13_8', value: '', timeStamp: '' },
	{ kid: 'k13_9', value: '', timeStamp: '' },
	{ kid: 'k14_1', value: '', timeStamp: '' },
	{ kid: 'k14_2', value: '', timeStamp: '' },
	{ kid: 'k15_1', value: '', timeStamp: '' },
	{ kid: 'k15_2', value: '', timeStamp: '' },
	// 6
	{ kid: 'k16_1', value: '', timeStamp: '' },
	{ kid: 'k16_2', value: '', timeStamp: '' },
	{ kid: 'k16_3', value: '', timeStamp: '' },
	{ kid: 'k16_4', value: '', timeStamp: '' },
	{ kid: 'k16_5', value: '', timeStamp: '' },
	{ kid: 'k16_6', value: '', timeStamp: '' },
	{ kid: 'k16_7', value: '', timeStamp: '' },
	{ kid: 'k16_8', value: '', timeStamp: '' },
	{ kid: 'k16_9', value: '', timeStamp: '' },
	{ kid: 'k17_1', value: '', timeStamp: '' },
	{ kid: 'k17_2', value: '', timeStamp: '' },
	{ kid: 'k18_1', value: '', timeStamp: '' },
	{ kid: 'k18_2', value: '', timeStamp: '' },
	{ kid: 'k19', value: '', timeStamp: '' },
	{ kid: 'k20', value: '', timeStamp: '' },
	{ kid: 'k21', value: '', timeStamp: '' },
])

</script>

<style lang="less" scoped>
.paper-title {
	.stu-info {
		display: flex;
		align-items: center;

		.stu-info-item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 10px;
		}
	}
}

.form1 {
	.form-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 10px;

		.input-group {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;

			.input {
				width: 100%;
			}
		}
	}
}

table {
	margin: 10px;

	tr {
		td {
			text-align: center;
			padding: 10px;

			input {
				width: 100%;
				height: 100%;
				border: none;
				outline: none;
				text-align: center;
				box-sizing: border-box;

				&:focus {
					border-radius: 5px;
					border: 1px solid #000;
				}
			}
		}
	}
}

.btn-group {
	// 右下角
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	margin: 10px;

	.n-button {
		margin-left: 10px;
	}
}
</style>
